@import '../../ui/base'

.profileTemplates
  @extends .h-center
  margin 10px 0
  justify-content space-between

.deleteProfileTemplate
  margin-left 10px
  
.profileTemplateFields
	> div 
		margin-top 30px
	> div > div
		border 1px solid #dde9f8
		.edit-container-modify
		.edit-container-remove
			display none
		&:hover
			.edit-container-modify
			.edit-container-remove
				display flex
		h2
			@extends .h-center
			justify-content space-between
			span
				font-size 14px
				padding 20px
			> div
				@extends .h-center
				> i
				> a
					margin-right 12px
				i
					font-size 12px
					color #AFC9E2
		.edit
			a
				font-size 12px
			.edit-modify
				margin-left 8px
				span
					color #8CA9C5

.addProfileTemplateField
	user-select none
	padding 20px
	border-top 1px solid #eee
	display inline-block

.addProfileTemplateFieldPanel
	clear fix
	border-top 1px solid #eee
	a
		user-select none
		padding 20px
		display inline-block
		color $font-color
	li
		float left
		& + li
			margin-left 10px
			position relative
			&::before
				content ''
				position absolute
				width 1px 
				height 20px
				top 20px
				left 0
				background-color #eee

.foot
	@extends .h-center
	a
		@extends .h-center
		background-color #58C6B5
		color #fff
		border-radius 3px
		justify-content center
		display inline-block
		padding 10px 23px
		margin 30px 0
		&+a
			margin-left 20px
		i
			color $font-color

.drag
	color rgb(198, 198, 198)

.expand
		margin-right 10px

.not-editable
  color #ddd
  
.edit-header
	color #A4B2BB
	font-weight 100
	font-size 20px
	margin-bottom 15px
	
.edit-icon
	i
		color #8CA9C5
